{% extends "_layouts/examples.html" %}
{% block title %}Full width / Default{% endblock %}

{% block style %}
<style>
.l-full-width .l-start,
.l-full-width .l-main,
.l-full-width .l-end {
  background: rgba(199,22,43,.1);
  border: 1px solid rgba(199,22,43,.5);
}
</style>
{% endblock %}

{% block content %}

<div class="p-strip is-shallow l-full-width">
  <div class="l-start">start</div>
  <div class="l-main">main
    <div class="row grid-demo">
      <div class="col-6 col-medium-2">col</div>
      <div class="col-3  col-medium-2">col</div>
      <div class="col-3  col-medium-2">col</div>
    </div>
  </div>
  <div class="l-end">end</div>
</div>


{% endblock %}

